<template>
  <div class="text-pop">
    <!--<img src="../../assets/images/success_icon.png" alt="">-->
    <p>{{textPop}}</p>
  </div>
</template>

<script>
    export default {
        name: 'name',
      props:{
          textPop:{
            type:String,
            require:true,
          }
      },
        data() {
            return {}
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.text-pop{
  position: absolute;
  top:200px;
  left:0;
  right:0;
  /*bottom:0;*/
  margin:auto;
  width:40%;
  min-height:50px;
  padding:10px 20px;
  text-align: center;
  background: rgba(0,0,0,.4);
  color:#fff;
  border-radius: 8px;
  z-index: 100000;
  img{
    width:40%;
  }
  p{
    font-size: 1rem;
    width:100%;
    margin:0 auto;
    padding:5px 0;
  }
}
</style>
